// import Vue from 'vue'
import {
    createApp
} from 'vue'
import './style.css'
import "./globaal.scss"; // 导入全局样式文件
import router from './router/index'
import App from './App.vue'
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'element-plus/dist/index.css'
import 'lib-flexible';
import './setting.css' //引入自定义css 
import hljs from 'highlight.js';
import 'highlight.js/styles/atom-one-dark.css' //样式
// Vue.directive('highlight', function (el) {

//     let blocks = el.querySelectorAll('pre code');
//     blocks.forEach((block) => {

//         hljs.highlightBlock(block)
//     })
// })
// import VueMarkdownEditor from '@kangc/v-md-editor';
// import '@kangc/v-md-editor/lib/style/base-editor.css';
// import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
// VueMarkdownEditor.use(vuepressTheme);
// import 'highlight.js/styles/atom-one-dark.css'
// import 'highlight.js/lib/common'
// import hljsVuePlugin from '@highlightjs/vue-plugin'
// 引入大菠萝
import pinia from './store/index'
// console.log(process.env.NODE_ENV, '00000000000000000000000');
// 引入路由导航 qwewqewqewqewqewqeewqqweewqwqeweqwqeqeqweqweqweqwe
import './permission'
//引入样式
import {
    List,
    ActionSheet,
    Picker,
    Popup,
    Field,
    CellGroup,
    Dialog,
    PickerGroup,
    DatePicker,
    Toast
} from 'vant';
// 2. 引入组件样式
import 'vant/lib/index.css';
createApp(App)
    .use(ElementPlus, {
        locale: zhCn
    }).use(router)
    .use(pinia)
    .use(List)
    .use(ActionSheet)
    .use(Picker)
    .use(Popup)
    .use(Field)
    .use(CellGroup)
    .use(PickerGroup)
    .use(DatePicker)
    .use(Toast)
    .use(Dialog)
    .mount('#app')